<template>
    <div class="app-container">
       <slot></slot>
       <div class="rule-btn" @click="dialogVisual=true"></div>
       <x-dialog title="活动细则" :visual.sync = "dialogVisual">
           <div class="content">
            <div><span class="bold">报名时间：</span>8月28日12:00-8月31日14:00</div>
            <div><span class="bold">观影时间：</span>9月1日</div>
            <div><span class="bold">活动参与方式：</span><br>
                进入报名活动专属页面，选取中意的影城及场次，提交姓名，电话号码及验证码即有机会成功报名“9.1里山电影节”观影活动。活动期间，
                <span class="warn">单个手机号每天限参与抢票活动1次，名额有限，先到先得。报名成功后，转发此活动到朋友圈，9月1日至选择的相应影城现场，根据场次提前15分钟到场，凭转发凭证、电话号码和兑换码，至 “9.1里山电影节”活动签到处，签到领取电影双人套票，即可进场观影。</span>
            </div>
            <div><span class="bold">活动说明：</span><br>
                1、活动期间，一个手机号码视为单个客户，单个客户仅限1次报名机会，如发现客户存在恶意套利等影响其他客户报名的情况，阳光城有权拒绝其参与现场观影；<br>
                2、观影须知：观影场次及时间，请客户按照报名时所选择的影城及场次有序签到领票观影，如客户强行调换影城及场次，阳光城有权拒绝；<br>
                3、“9.1里山电影节”观影活动观影名额数量有限，先到先得，抢完即止；<br>
                4、报名获得实物奖品的客户，请于2018年9月8日前至城市展厅（五四路82号融都国际大厦里山茶室），凭姓名与手机号领取，逾期视为自动放弃，活动期间如有疑问，请拨打“源溪里山”客服电话0591-8888 9666。<br>
                5、本活动由“最美电影”提供观影支持，活动期间如有疑问，请拨打“最美电影”客服电话400-8507-010，工作时间为：9:00-21:00。<br>
            </div>
            <br>
            <div><span class="bold">观影影城及地址：</span><br>
                    金逸国际影城（宝龙IMAX店）：台江区工业路193号宝龙城市广场5楼<br>
                    金逸影城（紫阳店）：晋安区长乐北路157号紫阳大润发超市5楼<br>
                    星美国际影城（福州王庄店）：晋安区晋连路18号世欧广场北区4楼<br>
                    CGV影城（东二环店）：晋安区连江北路东二环22号泰禾广场6楼<br>
                    中瑞大地影院（三坊七巷店）：鼓楼区八一七路三坊七巷南后街75号<br>
                    中瑞大地影院（省体中心店）：鼓楼区省体育馆东大门<br>
                    横店影城：鼓楼区五四路128号王府井百货6楼<br>
            </div>
           </div>
       </x-dialog>
    </div>
</template>

<script>
import XDialog from './XDialog'
export default {
  components: {XDialog},
  data () {
    return {
      dialogVisual: false
    }
  }
}
</script>

<style scoped lang="scss">
.app-container{
    background-image: url('~@/assets/2-1.jpg') ,url('~@/assets/2-2.jpg') ;
    background-position: top center, bottom center;
    background-repeat: no-repeat,no-repeat;
    background-size: 100% auto,100% auto;
    background-color: #fbf7eb;
}
.rule-btn{
    position: absolute;
    bottom:34px;
    right:32px;
    width: 150px;
    height: 139px;
    background: url('~@/assets/10.png') no-repeat;
    background-size: 100% 100%;
}
.content{
    line-height: 36px;
}
.bold{
    font-weight: bold;
}
.warn{
    color:#f44335;
}
</style>
